<template>
	<view class="flex m-v50">
		<view
			class="flex-1 flex-d-c"
			data-url="pages/office/delivery/delivery?type=0"
			@click="goto"
		>
			<text class="text-700-140">{{ totals.td || "0" }}</text>
			<text class="m-t16 text-400-128">已投递</text>
		</view>
		<view class="line"></view>
		<!-- <view class="flex-1 flex-d-c" data-url="pages/office/delivery/delivery?type=1" @click="goto">
			<text class="text-700-140">{{ totals.read || '0' }}</text>
			<text class="m-t16 text-400-128">被查看</text>
		</view> -->
		<view class="line"></view>
		<view
			class="flex-1 flex-d-c"
			data-url="pages/office/delivery/delivery?type=2"
			@click="goto"
		>
			<text class="text-700-140">{{ totals.interview || "0" }}</text>
			<text class="m-t16 text-400-128">面试</text>
		</view>
		<view class="line"></view>
		<view
			class="flex-1 flex-d-c"
			data-url="pages/office/delivery/delivery?type=3"
			@click="goto"
		>
			<text class="text-700-140">{{ totals.inappropriate || "0" }}</text>
			<text class="m-t16 text-400-128">不合适</text>
		</view>
	</view>
</template>

<script lang="ts" setup>
import { useNavigator } from "@/hooks/use-navigator";
import { useUserStore } from "@/stores/user";
import { reactive } from "vue";
const { userInfo } = useUserStore();
const { goto } = useNavigator();
const totals = reactive(userInfo.total || {});
const toPage = () => {
	uni.navigateTo({
		url: "/pages/office/delivery/delivery",
	});
};
</script>

<style lang="scss" scoped>
.line {
	height: 64rpx;
	border-left: 1rpx solid #dadada;
}
</style>
